<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta name="generator" content="Doxygen 1.9.1"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>AWTK-CPP: TCanvasWidget类 参考</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
 <tbody>
 <tr style="height: 56px;">
  <td id="projectalign" style="padding-left: 0.5em;">
   <div id="projectname">AWTK-CPP
   </div>
   <div id="projectbrief">AWTK CPP API</div>
  </td>
 </tr>
 </tbody>
</table>
</div>
<!-- end header part -->
<!-- 制作者 Doxygen 1.9.1 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&amp;dn=gpl-2.0.txt GPL-v2 */
var searchBox = new SearchBox("searchBox", "search",false,'搜索','.html');
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&amp;dn=gpl-2.0.txt GPL-v2 */
$(function() {
  initMenu('',true,false,'search.php','搜索');
  $(document).ready(function() { init_search(); });
});
/* @license-end */</script>
<div id="main-nav"></div>
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
     onmouseover="return searchBox.OnSearchSelectShow()"
     onmouseout="return searchBox.OnSearchSelectHide()"
     onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>

<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<iframe src="javascript:void(0)" frameborder="0" 
        name="MSearchResults" id="MSearchResults">
</iframe>
</div>

</div><!-- top -->
<div class="header">
  <div class="summary">
<a href="#pub-methods">Public 成员函数</a> &#124;
<a href="#pub-static-methods">静态 Public 成员函数</a> &#124;
<a href="class_t_canvas_widget-members.html">所有成员列表</a>  </div>
  <div class="headertitle">
<div class="title">TCanvasWidget类 参考</div>  </div>
</div><!--header-->
<div class="contents">

<p><code>#include &lt;<a class="el" href="awtk__cpp_8hpp_source.html">awtk_cpp.hpp</a>&gt;</code></p>
<div class="dynheader">
类 TCanvasWidget 继承关系图:</div>
<div class="dyncontent">
 <div class="center">
  <img src="class_t_canvas_widget.png" alt=""/>
 </div></div>
<table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a name="pub-methods"></a>
Public 成员函数</h2></td></tr>
<tr class="memitem:ad30866222975a03d1f2bf4af7b2a33aa"><td class="memItemLeft" align="right" valign="top"><a id="ad30866222975a03d1f2bf4af7b2a33aa"></a>
&#160;</td><td class="memItemRight" valign="bottom"><b>TCanvasWidget</b> (widget_t *nativeObj)</td></tr>
<tr class="separator:ad30866222975a03d1f2bf4af7b2a33aa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:abb01295b17afc4dfbbb5b9c0e661e65e"><td class="memItemLeft" align="right" valign="top"><a id="abb01295b17afc4dfbbb5b9c0e661e65e"></a>
&#160;</td><td class="memItemRight" valign="bottom"><b>TCanvasWidget</b> (const canvas_widget_t *nativeObj)</td></tr>
<tr class="separator:abb01295b17afc4dfbbb5b9c0e661e65e"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a name="pub-static-methods"></a>
静态 Public 成员函数</h2></td></tr>
<tr class="memitem:a5f6ea38f6072fadeee12da30e89baf64"><td class="memItemLeft" align="right" valign="top"><a id="a5f6ea38f6072fadeee12da30e89baf64"></a>
static <a class="el" href="class_t_canvas_widget.html">TCanvasWidget</a>&#160;</td><td class="memItemRight" valign="bottom"><b>Cast</b> (widget_t *nativeObj)</td></tr>
<tr class="separator:a5f6ea38f6072fadeee12da30e89baf64"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a159726345b81309455c9580167380c0f"><td class="memItemLeft" align="right" valign="top"><a id="a159726345b81309455c9580167380c0f"></a>
static <a class="el" href="class_t_canvas_widget.html">TCanvasWidget</a>&#160;</td><td class="memItemRight" valign="bottom"><b>Cast</b> (const widget_t *nativeObj)</td></tr>
<tr class="separator:a159726345b81309455c9580167380c0f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ace9c6d8e85f5bbc57238281dcdbdd87f"><td class="memItemLeft" align="right" valign="top"><a id="ace9c6d8e85f5bbc57238281dcdbdd87f"></a>
static <a class="el" href="class_t_canvas_widget.html">TCanvasWidget</a>&#160;</td><td class="memItemRight" valign="bottom"><b>Cast</b> (TWidget &amp;obj)</td></tr>
<tr class="separator:ace9c6d8e85f5bbc57238281dcdbdd87f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a807d95383a54d223e33b6a98de1b93c0"><td class="memItemLeft" align="right" valign="top"><a id="a807d95383a54d223e33b6a98de1b93c0"></a>
static <a class="el" href="class_t_canvas_widget.html">TCanvasWidget</a>&#160;</td><td class="memItemRight" valign="bottom"><b>Cast</b> (const TWidget &amp;obj)</td></tr>
<tr class="separator:a807d95383a54d223e33b6a98de1b93c0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aac7feb9b3d15d523a4c8f76e6058eb8c"><td class="memItemLeft" align="right" valign="top">static TWidget&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="class_t_canvas_widget.html#aac7feb9b3d15d523a4c8f76e6058eb8c">Create</a> (TWidget &amp;parent, xy_t x, xy_t y, wh_t w, wh_t h)</td></tr>
<tr class="separator:aac7feb9b3d15d523a4c8f76e6058eb8c"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<a name="details" id="details"></a><h2 class="groupheader">详细描述</h2>
<div class="textblock"><p>画布控件。</p>
<p>画布控件让开发者可以自己在控件上绘制需要的内容。</p>
<p>canvas_widget_t是widget\_t的子类控件，widget_t的函数均适用于canvas_widget_t控件。</p>
<p>在xml中使用"canvas"标签创建画布控件。如：</p>
<div class="fragment"><div class="line">*&lt;<span class="keywordtype">canvas</span> <span class="keyword">name</span>=<span class="stringliteral">&quot;paint_vgcanvas&quot;</span> <span class="keyword">x</span>=<span class="stringliteral">&quot;0&quot;</span> <span class="keyword">y</span>=<span class="stringliteral">&quot;0&quot;</span> <span class="keyword">w</span>=<span class="stringliteral">&quot;100%&quot;</span> <span class="keyword">h</span>=<span class="stringliteral">&quot;100%&quot;</span> /&gt;</div>
</div><!-- fragment --><blockquote class="doxtable">
<p>更多用法请参考： </p>
</blockquote>
<p><a href="https://github.com/zlgopen/awtk/blob/master/design/default/ui/vgcanvas.xml">canvas_widget.xml</a></p>
<p>在c代码中使用函数canvas_widget_create创建画布控件。如：</p>
<blockquote class="doxtable">
<p>创建之后，需要用widget_on注册EVT_PAINT事件，并在EVT_PAINT事件处理函数中绘制。 </p>
</blockquote>
<p>绘制时，可以通过canvas接口去绘制，也可以通过vgcanvas接口去绘制。 先从evt获取canvas对象，再通过canvas_get_vgcanvas从canvas中获取vgcanvas对象。</p>
<blockquote class="doxtable">
<p>完整示例请参考： </p>
</blockquote>
<p><a href="https://github.com/zlgopen/awtk-c-demos/blob/master/demos/canvas.c">canvas demo</a></p>
<p>参考：</p>
<p>canvas接口描述 vgcanvas接口描述 </p>
</div><h2 class="groupheader">成员函数说明</h2>
<a id="aac7feb9b3d15d523a4c8f76e6058eb8c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aac7feb9b3d15d523a4c8f76e6058eb8c">&#9670;&nbsp;</a></span>Create()</h2>

<div class="memitem">
<div class="memproto">
<table class="mlabels">
  <tr>
  <td class="mlabels-left">
      <table class="memname">
        <tr>
          <td class="memname">TWidget TCanvasWidget::Create </td>
          <td>(</td>
          <td class="paramtype">TWidget &amp;&#160;</td>
          <td class="paramname"><em>parent</em>, </td>
        </tr>
        <tr>
          <td class="paramkey"></td>
          <td></td>
          <td class="paramtype">xy_t&#160;</td>
          <td class="paramname"><em>x</em>, </td>
        </tr>
        <tr>
          <td class="paramkey"></td>
          <td></td>
          <td class="paramtype">xy_t&#160;</td>
          <td class="paramname"><em>y</em>, </td>
        </tr>
        <tr>
          <td class="paramkey"></td>
          <td></td>
          <td class="paramtype">wh_t&#160;</td>
          <td class="paramname"><em>w</em>, </td>
        </tr>
        <tr>
          <td class="paramkey"></td>
          <td></td>
          <td class="paramtype">wh_t&#160;</td>
          <td class="paramname"><em>h</em>&#160;</td>
        </tr>
        <tr>
          <td></td>
          <td>)</td>
          <td></td><td></td>
        </tr>
      </table>
  </td>
  <td class="mlabels-right">
<span class="mlabels"><span class="mlabel">static</span></span>  </td>
  </tr>
</table>
</div><div class="memdoc">
<p>创建canvas_widget对象</p>
<dl class="params"><dt>参数</dt><dd>
  <table class="params">
    <tr><td class="paramname">parent</td><td>父控件 </td></tr>
    <tr><td class="paramname">x</td><td>x坐标 </td></tr>
    <tr><td class="paramname">y</td><td>y坐标 </td></tr>
    <tr><td class="paramname">w</td><td>宽度 </td></tr>
    <tr><td class="paramname">h</td><td>高度</td></tr>
  </table>
  </dd>
</dl>
<dl class="section return"><dt>返回</dt><dd>对象。 </dd></dl>

</div>
</div>
<hr/>该类的文档由以下文件生成:<ul>
<li>output/<a class="el" href="awtk__cpp_8hpp_source.html">awtk_cpp.hpp</a></li>
<li>output/awtk_cpp.cpp</li>
</ul>
</div><!-- contents -->
<!-- start footer part -->
<hr class="footer"/><address class="footer"><small>
制作者&#160;<a href="https://www.doxygen.org/index.html"><img class="footer" src="doxygen.svg" width="104" height="31" alt="doxygen"/></a> 1.9.1
</small></address>
</body>
</html>
